/* 色彩系列设置  begin*/

/*文字颜色*/

/*柔和的链接*/
.text-muted {color:#6c757d !important}
/*主要链接*/
.text-primary {color:#007bff !important}
/*成功链接*/
.text-success {color:#28a745 !important}
/*信息文本链接*/
.text-info {color:#17a2b8 !important}
/*警告链接*/
.text-warning {color:#ffc107 !important}
/*危险链接*/
.text-danger {color:#dc3545 !important}
/*副标题链接*/
.text-secondary {color:#6c757d !important}
/*深灰色链接*/
.text-dark {color:#343a40 !important}
/*浅灰色链接*/
.text-light {color:#f8f9fa !important}

/*背景色*/

/*柔和的链接*/
.bg-muted {background-color:#6c757d !important}
/*主要链接*/
.bg-primary {background-color:#007bff !important; color: #fff !important;}
/*成功链接*/
.bg-success {background-color:#28a745 !important; color: #fff !important;}
/*信息文本链接*/
.bg-info {background-color:#17a2b8 !important; color: #fff !important;}
/*警告链接*/
.bg-warning {background-color:#ffc107 !important}
/*危险链接*/
.bg-danger {background-color:#dc3545 !important; color: #fff !important;}
/*副标题链接*/
.bg-secondary {background-color:#6c757d !important}
/*深灰色链接*/
.bg-dark {background-color:#343a40 !important; color: #fff !important;}
/*浅灰色链接*/
.bg-light {background-color:#f8f9fa !important}

/* 色彩系列设置  end*/

/*常用宽高 begin*/
.width10{width: 10% !important;}
.width20{width: 20% !important;}
.width30{width: 30% !important;}
.width40{width: 40% !important;}
.width50{width: 50% !important;}
.width60{width: 60% !important;}
.width70{width: 70% !important;}
.width80{width: 80% !important;}
.width90{width: 90% !important;}
.width100{width: 100% !important;}

.height10{height: 10% !important;}
.height20{height: 20% !important;}
.height30{height: 30% !important;}
.height40{height: 40% !important;}
.height50{height: 50% !important;}
.height60{height: 60% !important;}
.height70{height: 70% !important;}
.height80{height: 80% !important;}
.height90{height: 90% !important;}
.height100{height: 100% !important;}
/*常用宽 end*/